<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Yy</title>
</head>

<body>
    <script>
        // 箭头函数与普通函数的区别
        // 1. 箭头函数和普通函数的this指向不同
        // 2. 普通函数指向的是调用该函数的对象。
        // 3. 箭头函数：在哪里定义，this就指向谁。

        //使用箭头函数延迟调用cat.sayName,输出cat对象的name属性。
        const cat = {
            name: "张三",
            say() {
                setTimeout(() => {
                    console.log(this.name)
                }, 1000)
            }
        }
        cat.say();
    </script>
</body>

</html>